<template>
	<div
		:class="animated ? 'animated ' + animateClass : ''"
		:style="{
			width: w,
			height: h + 'px',
			background: bg,
			borderRadius: round ? h / 2 + 'px' : 0
		}"
	></div>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
	name: 'Lines',
	props: {
		// 宽度
		w: {
			type: String,
			default: '100%'
		},

		// 高度
		h: {
			type: Number,
			default: 1
		},

		// 背景色
		bg: {
			type: String,
			default: '#e6e6e6'
		},

		// 圆角
		round: {
			type: Boolean,
			default: false
		},

		// animate 动画
		animated: {
			type: Boolean,
			default: false
		},

		// 执行的动画类名
		animateClass: {
			type: String,
			default: ''
		}
	},

	setup() {
		return {}
	}
})
</script>
